@import "../css/var.less";

#txt{
	left: 50%;
	position: absolute;
	top: 50%;
    transform: translate(-50%, -50%);
    letter-spacing: 130px;
}

.login-reg{
    text-align: center;
    margin-top: 20px;
}
.login{
    height: 100%;
    overflow: hidden;
    background: url('../images/logins.jpg') 0  0 no-repeat;
    background-size: cover;
    a{
        color: #fff;
        list-style: none;
    }
    #logins{
        width: 540px;
        padding-bottom: 20px;
        background:rgba(255, 255, 255,0.2);
        position: absolute;
        top: 50%;
        margin-top: -277px;
        left: 50%;
        margin-left: -270px;
        z-index: 10;
        display: block;
        .borderRadious(10px);
        .logins-top{
            width: 428px;
            margin: 50px auto 10px;
            position: relative;
            .logo{
                width: 263px;
            }
            span{
                color: #fff;
                position: absolute;
                right: 0;
                bottom: 10px;
                font-weight: bold;
                font-size: 18px;
            }
        }
        .logins-b{
            background: rgba(255, 255,255, 0.4);
            border-radius: 5px;
        }
        .logins-s{
            width: 428px;
            height: 48px;
            margin: 20px auto 0;
            line-height: 48px;
            img{
                margin-left: 10px;
                margin-right: 10px;
            }
            input{
                color: #fff;
                display: inline-block;
                width: 350px;
                background: transparent;
                height: 40px;
                outline:none;
                .placeholder(#fff,16px);
            }
            .scan{
                width: 246px;
                input{
                    width: 180px;
                }
            }
            .scans{
                width: 160px;
                height: 48px;
                overflow: hidden;
                img{
                    width: 160px;
                    height: 48px;
                    margin-left: 0px;
                    margin-right: 0px;
                    margin-top: -5px;
                    cursor: pointer;
                }
            }
        }
        .logins-ss{
            margin: 40px auto 20px;
        }
        .logins-ch{
            margin: 0 auto;
            padding-left: 20px;
            color: #046467;
            padding-right: 10px;
            font-size: 14px;
        }
        .el-checkbox{
            color: #fff;
        }
        .el-checkbox__inner{
            width: 22px;
            height: 22px;
            background: transparent;
            border-color:#fff;
            &::after{
                border: 1px solid #009ea3;
                border-left: 0;
                border-top: 0;
                height: 12px;
                left: 8px;
            }
        }
        .el-checkbox__label{
            color: #fff;
            margin-left: 9px;
        }
        .el-row{
            width: 100%;
        }
        .el-button{
            display: inline-block;
            width: 100%;
            height: 54px;
            .borderRadious(5px);
            background: #0e979b;
            font-size: 18px;
            color: #fff;
            border:none;
            text-align: center;
        }
    }
}
.el-message{
    top:40%;
}
@media only screen and (max-width: 1600px){
    #china{
        left: 0px;
    }
}